import Loadable from 'react-loadable'

import Loading from './loading'

const Article = Loadable({
  loader: () => import('./Article'),
  loading: Loading
})
const Dashboard = Loadable({
  loader: () => import('./Dashboard'),
  loading: Loading
})
const Setting = Loadable({
  loader: () => import('./Setting'),
  loading: Loading
})
const NotFound = Loadable({
  loader: () => import('./NotFound'),
  loading: Loading
})
const ArticleEdit = Loadable({
  loader: () => import('./Article/Edit'),
  loading: Loading
})
const Notifications = Loadable({
  loader: () => import('./Notifications'),
  loading: Loading
})
const NotificationsDeatils = Loadable({
  loader: () => import('./Notifications/Details'),
  loading: Loading
})
const Login = Loadable({
  loader: () => import('./Login'),
  loading: Loading
})
const NoAuth = Loadable({
  loader: () => import('./NoAuth'),
  loading: Loading
})
export {
  Article,
  Dashboard,
  Setting,
  NotFound,
  ArticleEdit,
  Notifications,
  NotificationsDeatils,
  Login,
  NoAuth
}
